.music {
   position: absolute;
   right: 10px;
   top: 10px;
   width: 30px;
   height: 30px;
   overflow: hidden;
   z-index: 99;    
}
span{
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("./../img/music.png");
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 10px;
    background-size: 25px 25px;
    background-repeat: no-repeat;}
    .music.play {
        -webkit-animation: rotate 3.82s linear infinite;
        animation: rotate 3.82s linear infinite;
    }
    @keyframes rotate{
        0%{
            -webkit-transform:rotate(0deg)
        }
        100%{
            -webkit-transform:rotate(360deg)
        }
    }
    @-webkit-keyframes rotate{
        0%{
            -webkit-transform:rotate(0deg)
        }
        100%{
            -webkit-transform:rotate(360deg)
        }
    }